<!DOCTYPE html>
<html>
<#include "../../include/PC_Header.html">
    <body>
    <#assign nid="my_account">
        <#assign flag="setting">
            <#include "../../include/header.html">
                <!--header-end-->
                <!--用户中心的主栏目 开始-->
                <#include "../../include/member_header.html">
                    <div id="container">
                        <div class="usermain clearfix">
                            <!--左边的导航 开始-->
                            <div class="user_left">
                                <#assign mid="m_identify" >
                                    <#include "../account_menu.html">
                            </div>
                            <!--左边的导航 结束-->

                            <!--右边的内容 开始-->
                            <div class="user_right">
                                <div class="user_title">头像修改</div>
                                <div>
                                    <form id="form">
                                    <div class="facebox">
                                        <div class="faceChoose">
                                            <img src="${image_server_url}/data/img/avatar/01.png"/><br>
                                            <div class="choosebtn" onclick="faceUpload('01')">更改</div>
                                            <!-- <input type="radio" name="avaPic" value="01"/> -->
                                        </div>
                                        <div class="faceChoose">
                                            <img src="${image_server_url}/data/img/avatar/02.png"/><br>
                                            <div class="choosebtn" onclick="faceUpload('02')">更改</div>
                                        </div>
                                        <div class="faceChoose">
                                            <img src="${image_server_url}/data/img/avatar/03.png"/><br>
                                            <div class="choosebtn" onclick="faceUpload('03')">更改</div>
                                        </div>
                                        <div class="faceChoose">
                                            <img src="${image_server_url}/data/img/avatar/04.png"/><br>
                                            <div class="choosebtn" onclick="faceUpload('04')">更改</div>
                                        </div>
                                        <div class="faceChoose">
                                            <img src="${image_server_url}/data/img/avatar/05.png"/><br>
                                            <div class="choosebtn" onclick="faceUpload('05')">更改</div>
                                        </div>
                                        <div class="faceChoose">
                                            <img src="${image_server_url}/data/img/avatar/06.png"/><br>
                                            <div class="choosebtn" onclick="faceUpload('06')">更改</div>
                                        </div>
                                        <div class="faceChoose">
                                            <img src="${image_server_url}/data/img/avatar/07.png"/><br>
                                            <div class="choosebtn" onclick="faceUpload('07')">更改</div>
                                        </div>
                                        <div class="faceChoose">
                                            <img src="${image_server_url}/data/img/avatar/08.png"/><br>
                                            <div class="choosebtn" onclick="faceUpload('08')">更改</div>
                                        </div>
                                        <div class="faceChoose">
                                            <img src="${image_server_url}/data/img/avatar/09.png"/><br>
                                            <div class="choosebtn" onclick="faceUpload('09')">更改</div>
                                        </div>

                                       
                                    </div>
                                    </form>


                                    <!-- <div class="avatarImg">
                                        <img src="${image_server_url}/upload/readImg.html?<#if userCache.avatarPicPath??>path=${userCache.avatarPicPath}<#else>path=/default/xxxxxxx-xx</#if>" width="300px" height="300px"/>
                                    </div> -->
                                </div>
                            </div>
                            <!--右边的内容 结束-->
                        </div>
                        </div>
                        <!--用户中心的主栏目 结束-->
                        <script>seajs.use("jquery");</script>
                        <script>seajs.use("/plugins/layer-v1.8.4/skin/layer.css");</script>
                        <script>seajs.use("/plugins/layer-v1.8.4/layer.min");</script>
                        <script>
                            function faceUpload(type) {								
                               	var arg = "avaPic="+type;
                            	$.ajax({
                                    type: "POST",
                                    url: "/member/info/faceUpload.html",
                                    data: arg,
                                    dataType: "json",
                                    success: function () {
                                        var url = "/member/main.html";
                                        $.layer({
                                            type: 1,
                                            closeBtn: [0, true],
                                            title: "&nbsp;",
                                            area: ['384px', '186px'],
                                            border: [1, 1, '#cecfd0'],
                                            time: 3,
                                            page: {
                                                html: '<div class="tipsWrap w384"><div class="tipsTxt"><i class="iconfont okIco">&#xe63d;</i><span>头像修改成功</span></div><div class="tipsMsg"><i class="tipsTime">3</i>秒后窗口自动关闭</div></div>'
                                            },
                                            close: function (index) {
                                                //window.location.reload();
                                                window.location.href = url;
                                            },
                                            end: function () {
                                                //window.location.href(url);
                                                window.location.href = url;
                                            },
                                            success: function () {
                                                var time = 3;

                                                function tipsTime() {
                                                    time--;
                                                    $(".tipsTime").html(time)
                                                    if (time == 0) {
                                                        clearInterval(timeCount)
                                                    }
                                                }

                                                var timeCount = setInterval(function () {
                                                    tipsTime()
                                                }, 1000);
                                            }
                                        });
                                    }
                                });
                            }
                        </script>
                        <#include "../../include/footer.html">
    </body>
</html>
